<template>
  <draggleLine leftWidth="200px">
    <div slot="left" class="left">左</div>
    <div slot="right" class="right">右</div>
  </draggleLine>
</template>

<script>
import draggleLine from "@/components/draggle_line/index";
export default {
	name:'draggle_message',
  components: { draggleLine },
};
</script>

<style lang='scss' scoped>
.left {
  width: 300px;
  height: 100%;
  background: plum;
}
.right {
  width: calc(100% - 300px);
  height: 100%;
  background: #3a6ac2;
}
</style>